<template>
	<view class="all">
		<view class="left" >
			<view class="img" >
				<img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.ZNm0gAitUtXSOEQ7p_iwNgHaHa?pid=ImgDet&rs=1" style="width: 120%; height: 120%;">
			</view>
		</view>
		<view class="z" >
			<view class="zs" >
				<text>创作闹钟</text>
			</view>
			<view class="zx" >
				<text>定期更新有助提高星球收入与活跃度</text>
			</view>
		</view>	
	</view>
</template>

<script>
	export default {
		name:"naozhong",
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.all{
		/* margin-top: 30rpx;
		ma */
		width: 100%;
		height: 90rpx;
		background-color: #F4F5F7;
		display: flex;
		border-radius: 10rpx;
	}
	.left{
		width: 10%; 
		/* background-color: aqua; */
		height: 100%;
	}
	.img{
		width: 50rpx; 
		/* background-color: rebeccapurple; */
		height: 50rpx; 
		margin-top: 20rpx;
		margin-left: 10rpx;
	}
	.z{
		width: 60%; 
		/* background-color: yellow; */
		height: 100%; 
		flex-direction: column;
	}
	.zs{
		width: 100%; 
		height:45%;  
		/* background-color: lightblue; */
		margin-top: 15rpx;
		font-weight: bold;
		letter-spacing: 1rpx;
	}
	.zx{
		font-size: 20rpx; 
		width: 100%; 
		height:40%;
		letter-spacing: 1rpx;
		color: gray;
		/* background-color: red; */
	}
	
</style>